<!DOCTYPE html>
<html lang="zh">

<head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>页面</title>
    <script src="https://pinzafile.oss-cn-shanghai.aliyuncs.com/vue-element/loading.js"></script>
    <link href="https://pinzafile.oss-cn-shanghai.aliyuncs.com/vue-element/lib/theme-chalk/index.css" rel="stylesheet">

</head>
<style>
    .spacingFoot {
        height: 50px;
    }

    .spacing {
        margin-bottom: -36px;
    }
</style>
<body>
<div id="app">
    <el-container v-loading="loading">
        <el-main>
        <el-header>
            <el-breadcrumb separator-class="el-icon-arrow-right">
                <el-breadcrumb-item :to="{ path: '/' }">订单管理</el-breadcrumb-item>
                <el-breadcrumb-item>订单信息</el-breadcrumb-item>
            </el-breadcrumb>
        </el-header>
            <el-form label-width="120px">
                <el-card class="box-card">
                    <span style="color:#43515a;font-family: PingFang SC">订单信息</span>
                    <el-row>
                    <#--<el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="8" class="spacing">-->
                    <#--<h5 style="color: #909399">订单名称：<span style="color:#527c94cc">{{order_name}}</span></h5>-->
                    <#--</el-col>-->
                        <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="8" class="spacing">
                            <h5 style="color: #909399">订单编号：<span style="color:#527c94cc">{{orderBill_id}}</span></h5>
                        </el-col>
                        <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="8" class="spacing">
                            <h5 style="color: #909399">创建时间：<span style="color:#527c94cc">{{crtTime}}</span></h5>
                        </el-col>
                        <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="8" class="spacing">
                            <h5 style="color: #909399">订单总额：<span style="color:#527c94cc">{{price}}</span></h5>
                        </el-col>
                        <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="8" class="spacing">
                            <h5 style="color: #909399">项目名称：<span style="color:#527c94cc">{{project_name}}</span></h5>
                        </el-col>
                        <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="8" class="spacing">
                            <h5 style="color: #909399">供应商联系人：<span style="color:#527c94cc">{{buyer}}</span></h5>
                        </el-col>
                        <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="8" class="spacing">
                            <h5 style="color: #909399">客户联系人：<span style="color:#527c94cc">{{user_name}}</span></h5>
                        </el-col>
                        <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="8" class="spacing">
                            <h5 style="color: #909399">客户名称：<span style="color:#527c94cc">{{userGroup_name}}</span></h5>
                        </el-col>
                        <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="8" class="spacing">
                            <h5 style="color: #909399">备注：<span style="color:#527c94cc" v-if="remark != 'null'">{{remark}}</span><span
                                    style="color:#527c94cc" v-else>未填写</span></h5>
                        </el-col>
                    </el-row>
                </el-card>
                <el-card class="box-card">
                    <span style="color:#43515a;font-family: PingFang SC">收货信息</span>
                    <el-row :gutter="20">
                        <el-col :span="8" class="spacing">
                            <h5 style="color: #909399">收货人：<span
                                    style="color:#527c94cc">{{consignee_information}}</span></h5>
                        </el-col>
                    </el-row>
                    <el-row :gutter="20">
                        <el-col :span="8" class="spacing">
                            <h5 style="color: #909399">收货地址及联系方式：<span style="color:#527c94cc">{{consignee_address}}</span>
                            </h5>
                        </el-col>
                    </el-row>
                <#--<el-row :gutter="20">-->
                <#--<el-col :span="8" class="spacing">-->
                <#--<h5 style="color: #909399">联系电话：<span style="color:#527c94cc" v-if="contact != 'null'">{{contact}}</span><span-->
                <#--style="color:#527c94cc" v-else>未填写</span></h5>-->
                <#--</el-col>-->
                <#--</el-row>-->
                </el-card>
                <br>
                <el-row>
                    <el-col>
                        <el-steps :active="1" simple>
                            <el-step title="SKU清单" icon="el-icon-info" style="margin-left:-8%"></el-step>
                        </el-steps>
                        <#--<el-button :disabled="orderBill_customStat != 1000" type="primary" style="margin-top: 12px;"-->
                                   <#--@click="importSku">新增SKU<i class="el-icon-upload el-icon--right"></i></el-button>-->
                        <#--<el-button :disabled="orderBill_customStat != 1000" type="primary" style="margin-top: 12px;"-->
                                   <#--@click="importNSLSku">新增SKU（非标库）<i class="el-icon-upload el-icon--right"></i></el-button>-->

                    </el-col>
                </el-row>
                <br>
                <el-table :data="tableData"
                          class="tb-edit"
                          style="width: 100%" highlight-current-row @row-click="handleCurrentChange"
                          tooltip-effect="dark" size="mini" border>
                    <el-table-column label="序号"
                                     type="index"
                                     width="50">
                    </el-table-column>
                    <el-table-column label="材料编码" prop="sku_code" :show-overflow-tooltip=true>
                    <#--<template scope="scope">-->
                    <#--<el-input size="small" v-model="scope.row.skuCode" :disabled="true"></el-input>-->
                    <#--</template>-->
                    </el-table-column>
                    <el-table-column label="材料名称" prop="sku_name" :show-overflow-tooltip=true>
                    <#--<template scope="scope">-->
                    <#--<el-input size="small" v-model="scope.row.skuName" :disabled="true"></el-input>-->
                    <#--</template>-->
                    </el-table-column>

                    <el-table-column label="规格参数" prop="sku_slug_set" :show-overflow-tooltip=true>
                    <#--<template scope="scope">-->
                    <#--<el-input size="small" v-model="scope.row.modelAndParam" :disabled="true"></el-input>-->
                    <#--</template>-->
                    </el-table-column>
                    <el-table-column label="品牌" prop="sku_brand" :show-overflow-tooltip=true>
                    <#--<template scope="scope">-->
                    <#--<el-input size="small" v-model="scope.row.skuBrand" :disabled="true"></el-input>-->
                    <#--</template>-->
                    </el-table-column>
                <el-table-column label="型号" prop="sku_model" :show-overflow-tooltip=true>
                </el-table-column>
                    <el-table-column label="单位" prop="sku_unit" :show-overflow-tooltip=true>
                    <#--<template scope="scope">-->
                    <#--<el-input size="small" v-model="scope.row.skuUnit" placeholder="请输入内容"-->
                    <#--@change="handleEdit(scope.$index, scope.row)" :disabled="true"></el-input>-->
                    <#--</template>-->
                    </el-table-column>

                    <el-table-column label="单价" prop="sku_contract_price" :show-overflow-tooltip=true>
                        <#--<template scope="scope">-->
                            <#--<el-input-->
                                    <#--&lt;#&ndash;:disabled="scope.row.editable" &ndash;&gt;-->
                                    <#--:disabled="true"-->
                                    <#--v-model="scope.row.sku_contract_price" @keydown.native="inputLimit" size="mini"-->
                                      <#--@change="handleEdit(scope.$index, scope.row)"-->
                                      <#--></el-input>-->
                        <#--</template>-->
                    </el-table-column>
                    <el-table-column label="数量" prop="purNum" :show-overflow-tooltip=true>

                        <#--<template scope="scope">-->
                            <#--<el-input-->
                                    <#--&lt;#&ndash;:disabled="scope.row.editable||orderBill_customStat != 1000" &ndash;&gt;-->
                                    <#--:disabled="true"-->
                                    <#--size="mini"-->
                                      <#--v-model="scope.row.purNum"-->
                                      <#--@change="handleEdit(scope.$index, scope.row)"-->
                                      <#--onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^\d]/g, '').replace(/^0{1,}/g,'')}else{this.value=this.value.replace(/\D/g,'').replace(/^0{1,}/g,'')}"-->
                                      <#--　　　　onblur="if(this.value.length==1){this.value=this.value.replace(/[^\d]/g, '').replace(/^0{1,}/g,'')}else{this.value=this.value.replace(/\D/g,'').replace(/^0{1,}/g,'')}"></el-input>-->
                        <#--</template>-->
                    </el-table-column>
                    <el-table-column label="预计到货时间" prop="arriveTime" :show-overflow-tooltip=true>
                        <#--<template scope="scope">-->
                            <#--<el-date-picker-->
                                    <#--v-model="scope.row.arriveTime"-->
                                    <#--type="date"-->
                                    <#--value-format="yyyy-MM-dd"-->
                                    <#--placeholder="到货时间" size="mini"-->
                                    <#--&lt;#&ndash;:disabled="scope.row.editable||orderBill_customStat != 1000"&ndash;&gt;-->
                                    <#--:disabled="true"-->
                                    <#--:picker-options="pickerOptions">-->
                            <#--</el-date-picker>-->
                        <#--&lt;#&ndash;<el-input size="small" v-model="scope.row.arriveTime" :disabled="true"></el-input>&ndash;&gt;-->
                        <#--</template>-->
                    </el-table-column>
                    <el-table-column label="备注" prop="sku_remark" :show-overflow-tooltip=true>
                    </el-table-column>
                    <#--<el-table-column label="操作" width="160">-->
                        <#--<template scope="scope">-->
                            <#--<el-button type="primary" size="small" @click="updateSku(scope.$index, scope.row)"-->
                                       <#--v-if="!scope.row.editable">确认-->
                            <#--</el-button>-->
                            <#--<el-button type="danger" size="small" @click="handleDelete(scope.$index, scope.row)"-->
                                       <#--:disabled="orderBill_customStat != 1000">删除-->
                            <#--</el-button>-->
                        <#--</template>-->
                    <#--</el-table-column>-->
                </el-table>
                <br><br>
                <el-row>
                    <el-col :xs="24" :sm="16" :md="14" :lg="8" :xl="8" class="spacingFoot">
                        <el-form-item label="订单总额：">
                            <span style="color:#F56C6C;font-size: 20px">￥{{sumPrice}}</span>
                        </el-form-item>
                    </el-col>
                </el-row>
                <#--<el-row>-->
                    <#--<el-col :xs="16" :sm="16" :md="14" :lg="8" :xl="8" class="spacingFoot">-->
                        <#--<el-form-item label="运费：">-->
<#--<#if success == "success">-->
    <#--<el-input :disabled="orderBill_customStat!=1000" v-model="transport_price" style="width:50%"-->
              <#--@keydown.native="inputLimit"></el-input>-->
<#--<#else>-->
<#--<span style="color:#F56C6C;font-size: 20px">￥{{transport_price}}</span>-->
<#--</#if>-->
                        <#--</el-form-item>-->
                    <#--</el-col>-->
                <#--</el-row>-->
                <#--<el-row>-->
                    <#--<el-col :xs="16" :sm="16" :md="14" :lg="8" :xl="8" class="spacingFoot">-->
                        <#--<el-form-item label="优惠：">-->
<#--<#if success == "success">-->
    <#--<el-input :disabled="orderBill_customStat != 1000" v-model="discount" style="width:50%"-->
              <#--@keydown.native="inputLimit"></el-input>-->
<#--<#else>-->
<#--<span style="color:#F56C6C;font-size: 20px">￥{{discount}}</span>-->
<#--</#if>-->
                        <#--</el-form-item>-->
                    <#--</el-col>-->
                <#--</el-row>-->
                <#--<el-row>-->
                    <#--<el-col :xs="24" :sm="16" :md="14" :lg="8" :xl="8" class="spacingFoot">-->
                        <#--<el-form-item label="订单总额：">-->
                            <#--<span style="color:#F56C6C;font-size: 20px">￥{{salesOrderPrice}}</span>-->
                        <#--</el-form-item>-->
                    <#--</el-col>-->
                <#--</el-row>-->

                <el-form-item>
                <#--<#if success == "success">-->
                    <#--<el-button type="primary" @click="submitForm()" v-if="orderBill_customStat==1000">确认修改</el-button>-->
                <#--</#if>-->
                    <a href="/order/orderList.page">
                        <el-button>返回</el-button>
                    </a>
                </el-form-item>

            </el-form>
        </el-main>
    </el-container>
    <#--<el-dialog title="请选择SKU" :visible.sync="dialogFormVisible" width="90%" :fullscreen="true">-->
    <#--&lt;#&ndash;<el-input v-on:input="inputFunc" v-model="keySearch" placeholder="请输入搜索内容" style="width:50%">&ndash;&gt;-->
    <#--&lt;#&ndash;<el-button slot="append" icon="el-icon-search" @click=search></el-button>&ndash;&gt;-->
    <#--&lt;#&ndash;</el-input>&ndash;&gt;-->
        <#--<el-table ref="multipleTable" :data="skuList" tooltip-effect="dark" style="width: 100%"-->
                  <#--@selection-change="handleSelectionChange" size="mini" border>-->
            <#--<el-table-column type="selection" width="55">-->
            <#--</el-table-column>-->
            <#--<el-table-column prop="sku_name" label="材料名称" :show-overflow-tooltip=true>-->
            <#--</el-table-column>-->
            <#--<el-table-column prop="sku_code" label="材料编码" :show-overflow-tooltip=true>-->
            <#--</el-table-column>-->
            <#--<el-table-column prop="sku_brand" label="品牌" :show-overflow-tooltip=true>-->
            <#--</el-table-column>-->
            <#--<el-table-column prop="sku_unit" label="单位" :show-overflow-tooltip=true>-->
            <#--</el-table-column>-->
            <#--<el-table-column prop="sku_model" label="型号" :show-overflow-tooltip=true>-->
            <#--</el-table-column>-->
            <#--<el-table-column prop="sku_slug_set" label="规格参数" :show-overflow-tooltip=true>-->
            <#--</el-table-column>-->
            <#--<el-table-column prop="sku_contract_price" label="单价" :show-overflow-tooltip=true>-->
            <#--</el-table-column>-->
        <#--</el-table>-->
    <#--&lt;#&ndash;<el-pagination @size-change="handleSizeChange" @current-change="currentPage" :page-sizes="[10, 20, 50, 100]"&ndash;&gt;-->
    <#--&lt;#&ndash;:page-size="limit" layout="total, sizes, prev, pager, next, jumper" :total="total">&ndash;&gt;-->
    <#--&lt;#&ndash;</el-pagination>&ndash;&gt;-->
        <#--<br>-->
        <#--<el-row>-->
            <#--<el-button type="primary" @click="checkOK">确定</el-button>-->
            <#--<el-button @click="checkCancel">取消</el-button>-->
        <#--</el-row>-->
    <#--</el-dialog>-->
    <#--<el-dialog title="请选择SKU(非标库)" :visible.sync="dialogNSLVisible" width="90%" :fullscreen="true">-->
    <#--<el-input v-on:input="inputFunc" v-model="NSLKeySearch" placeholder="请输入搜索内容" style="width:50%">-->
    <#--<el-button slot="append" icon="el-icon-search" @click=NSLSearch></el-button>-->
    <#--</el-input>-->
        <#--<el-table ref="multipleTable" :data="skuList" tooltip-effect="dark" style="width: 100%"-->
                  <#--@selection-change="handleSelectionChange" size="mini">-->
            <#--<el-table-column type="selection" width="55">-->
            <#--</el-table-column>-->
            <#--<el-table-column prop="sku_name" label="材料名称" :show-overflow-tooltip=true>-->
            <#--</el-table-column>-->
            <#--<el-table-column prop="sku_code" label="材料编码" :show-overflow-tooltip=true>-->
            <#--</el-table-column>-->
            <#--<el-table-column prop="sku_brand" label="品牌" max-width="50">-->
            <#--</el-table-column>-->
            <#--<el-table-column prop="sku_unit" label="单位" max-width="50">-->
            <#--</el-table-column>-->
            <#--<el-table-column prop="sku_slug_set" label="属性" :show-overflow-tooltip=true>-->
            <#--</el-table-column>-->
            <#--<el-table-column prop="sku_price" label="单价" max-width="100">-->
            <#--</el-table-column>-->
        <#--</el-table>-->
    <#--<el-pagination @size-change="NSLSizeChange" @current-change="NSLPageChange" :page-sizes="[10, 20, 50, 100]"-->
    <#--:page-size="NSLLimit" layout="total, sizes, prev, pager, next, jumper" :total="NSLTotal">-->
    <#--</el-pagination>-->
        <#--<br>-->
        <#--<el-row>-->
            <#--<el-button type="primary" @click="checkOK">确定</el-button>-->
            <#--<el-button @click="checkCancel">取消</el-button>-->
        <#--</el-row>-->
    <#--</el-dialog>-->
</div>
</body>
</html>
<script src="https://pinzafile.oss-cn-shanghai.aliyuncs.com/vue-element/dist/vue.js"></script>
<script src="https://pinzafile.oss-cn-shanghai.aliyuncs.com/vue-element/lib/index.js"></script>
<script src="https://pinzafile.oss-cn-shanghai.aliyuncs.com/publiccss/assets/global/plugins/jquery.min.js"
        type="text/javascript"></script>
<script>
    //限制最多输入两位小数
    let inputLimit = function (e) {
        let num = e.target.value || ''
        let code = e.which || e.keyCode
        let str = (e.key && e.key != 'Unidentified') ? e.key : num.substr(num.length - 1)
        //无论任何情况，皆可执行
        if (code == '8') {
            return true
        }
        //没有满足任何一种情况，中断执行
        if (!(/[\d.]/.test(str) || code == '190')) {
            e.returnValue = false
            return false
        }
        if (num.length > 12 ||
                (num.indexOf('.') >= 0 && code == '190') ||
                ((num.indexOf('.') == num.length - 3) && num.length > 3) ||
                (num.length == 0 && code == '190')) {
            e.returnValue = false
            return false
        }
        return true

    }
    new Vue({
        el: '#app',
        data() {
            return {
                loading:false,
                pickerOptions: {
                    disabledDate(time) {
                        return time.getTime() < Date.now() - 8.64e7;
                    }
                },
                user_id: '',
                user_name: '',
                orderBill_customStat: "",
                order_name: "",
                orderBill_id: "${orderNo}",
                crtTime: "",
                price: "",
                buyer: "",
                remark: "",
                consignee_information: "",
                consignee_address: "",
                project_name:'',
                contact: "",
                userGroup_name: "",
                tableData: [],
                response_data: "",
                sku_sum_price: 0,
                transport_price: 0,//运费价格
                discount: 0,//优惠价格
                sales_order_price: 0,
                //当前页
                currentPage: 1,
                //每页数量
                limit: 10,
                orderBill_customStat: '',
                //总页数
                total: "",
                dialogFormVisible: false,
                dialogNSLVisible:false,
                skuList: [],
                NSLTotal:0,
                NSLPage:1,
                NSLLimit:10,
                NSLKeySearch:'',
                orderBean_pk:'${orderBean_pk}',
            }
        },
        //实时计算
        computed: {
            //计算商品总额
            sumPrice() {
                let sumPrice = 0;
                this.tableData.forEach((item) => {
                    sumPrice += Number(item.sku_contract_price) * Number(item.purNum);
                });
                sumPrice = sumPrice.toFixed(2);
                this.sku_sum_price = sumPrice;
                this.sales_order_price = sumPrice;
                return sumPrice;
            },
            // salesOrderPrice() {
            //     let sumPrice = 0;
            //     this.tableData.forEach((item) => {
            //         sumPrice += Number(item.skuPrice) * Number(item.purNum);
            //     });
            //     this.sales_order_price = sumPrice;
            //     this.sku_sum_price = sumPrice;
            //     return salesOrderPrice;
            // },
            //计算订单总额
            // salesOrderPrice() {
            //     let salesOrderPrice = 0;
            //     salesOrderPrice = Number(this.sku_sum_price) + Number(this.transport_price) - Number(this.discount);
            //     this.sales_order_price = salesOrderPrice.toFixed(2);
            //     return salesOrderPrice;
            // }
        },
        methods: {
            inputLimit: inputLimit,
            <#--updateSku(index, row) {-->
                <#--var arr = [];-->
                <#--this.tableData.forEach(function (ele) {-->
                    <#--arr.push(ele.sku_code);-->
                <#--});-->
                <#--var count =0;-->
                <#--var key = row.sku_code;-->
                <#--arr.forEach((ele) => {-->
                    <#--if (ele==key) { count++;}-->
                <#--})-->
                <#--if (count > 1) {-->
                    <#--this.$message({-->
                        <#--message: "该条SKU已存在",-->
                        <#--type: 'warning'-->
                    <#--});-->
                    <#--this.tableData.splice(index, 1);-->
                    <#--return false;-->
                <#--}-->
                <#--if (row.sku_contract_price === null || row.purNum === null) {-->
                    <#--this.$message({-->
                        <#--message: "数量和价格不能为空",-->
                        <#--type: 'error'-->
                    <#--});-->
                    <#--return false;-->
                <#--}-->
                <#--var boolean = false;-->
                <#--var msg = '';-->
                <#--var orderBill_id = this.orderBill_id;-->
                <#--var price = this.sales_order_price;-->
                <#--var sku = {-->
                    <#--sku_code: row.sku_code,-->
                    <#--sku_name: row.sku_name,-->
                    <#--sku_brand: row.sku_brand,-->
                    <#--sku_unit: row.sku_unit,-->
                    <#--sku_slug_set: row.sku_slug_set,-->
                    <#--sku_pic_url: row.sku_slug_set,-->
                    <#--sku_cost_price: row.sku_cost_price,-->
                    <#--sku_official_price: row.sku_official_price,-->
                    <#--sku_contract_price: row.sku_contract_price,-->
                    <#--purNum: row.purNum,-->
                    <#--arriveTime: row.arriveTime-->
                <#--}-->
                <#--var map = {-->
                    <#--orderBill_id: orderBill_id,-->
                    <#--orderBill_flow: "25",-->
                    <#--price: price,-->
                    <#--type: "add",-->
                    <#--context: sku-->
                <#--};-->
                <#--$.ajax({-->
                    <#--url: "${url}/Order/baseBillController/updateSkuRow.json",-->
                    <#--type: 'POST',-->
                    <#--data: {-->
                        <#--obj: JSON.stringify(map)-->
                    <#--},-->
                    <#--async: false,-->
                    <#--success: function (data) {-->
                        <#--console.log(data);-->
                        <#--if (data.ret) {-->
                            <#--boolean = data.ret;-->
                        <#--} else {-->
                            <#--msg = data.msg;-->
                        <#--}-->
                    <#--}-->
                <#--});-->
                <#--if (boolean) {-->
                    <#--this.tableData[index].editable = true;-->
                    <#--this.$message({-->
                        <#--message: '操作成功',-->
                        <#--type: 'success'-->
                    <#--});-->
                <#--} else {-->
                    <#--this.$message({-->
                        <#--message: msg,-->
                        <#--type: 'warning'-->
                    <#--});-->
                    <#--return false;-->
                <#--}-->
            <#--},-->
            <#--handleDelete(index, row) {-->
                <#--if (!this.tableData[index].editable) {-->
                    <#--this.tableData.splice(index, 1);-->
                    <#--return false;-->
                <#--}-->
                <#--var boolean = false;-->
                <#--var msg = '';-->
                <#--var orderBill_id = this.orderBill_id;-->
                <#--var price = this.sales_order_price;-->
                <#--var sku = {-->
                    <#--sku_code: row.sku_code,-->
                    <#--sku_name: row.sku_name,-->
                    <#--sku_brand: row.sku_brand,-->
                    <#--sku_unit: row.sku_unit,-->
                    <#--sku_slug_set: row.sku_slug_set,-->
                    <#--sku_pic_url: row.sku_pic_url,-->
                    <#--sku_cost_price: row.sku_cost_price,-->
                    <#--sku_official_price: row.sku_official_price,-->
                    <#--sku_contract_price: row.sku_contract_price,-->
                    <#--purNum: row.purNum,-->
                    <#--arriveTime: row.arriveTime-->
                <#--}-->
                <#--var map = {-->
                    <#--orderBill_id: orderBill_id,-->
                    <#--orderBill_flow: "25",-->
                    <#--price: price,-->
                    <#--type: "del",-->
                    <#--context: sku-->
                <#--};-->
                <#--$.ajax({-->
                    <#--url: "${url}/Order/baseBillController/updateSkuRow.json",-->
                    <#--type: 'POST',-->
                    <#--data: {-->
                        <#--obj: JSON.stringify(map)-->
                    <#--},-->
                    <#--async: false,-->
                    <#--success: function (data) {-->
                        <#--if (data.ret) {-->
                            <#--boolean = data.ret;-->
                        <#--} else {-->
                            <#--msg = data.msg;-->
                        <#--}-->
                    <#--}-->
                <#--});-->
                <#--if (boolean) {-->
                    <#--this.$message({-->
                        <#--message: '操作成功',-->
                        <#--type: 'success'-->
                    <#--});-->
                    <#--this.tableData.splice(index, 1);-->
                <#--} else {-->
                    <#--this.$message({-->
                        <#--message: msg,-->
                        <#--type: 'warning'-->
                    <#--});-->
                    <#--return false;-->
                <#--}-->

            <#--},-->
            <#--checkOK() {-->
                <#--this.dialogFormVisible = false;-->
                <#--this.dialogNSLVisible = false;-->
                <#--this.tableData = this.tableData.concat(this.multipleSelection);-->
            <#--},-->
            <#--checkCancel() {-->
                <#--this.dialogFormVisible = false;-->
                <#--this.dialogNSLVisible = false;-->
                <#--this.multipleSelection = [];-->
            <#--},-->
            <#--handleSelectionChange(val) {-->
                <#--var select = JSON.parse(JSON.stringify(val));-->
                <#--select.forEach((ele) => {-->
                    <#--ele.editable = false-->
                <#--})-->
                <#--this.multipleSelection = select;-->
            <#--},-->
            <#--importSku() {-->
                <#--this.dialogFormVisible = true;-->
                <#--this.getSkuList();-->
            <#--},-->
            <#--getSkuList() {-->
                <#--var user_id = this.user_id;-->
                <#--var skuList = [];-->
                <#--var boolean = false;-->
                <#--var msg = '';-->
                <#--$.ajax({-->
                    <#--url: "/order/getSkuListByUserId.json?user_id=" + user_id,-->
                    <#--type: "GET",-->
                    <#--async: false,-->
                    <#--dataType: "json",-->
                    <#--success: function (data) {-->
                        <#--if (data.ret) {-->
                            <#--boolean = data.ret;-->
                            <#--skuList = data.data;-->
                        <#--} else {-->
                            <#--msg = data.msg;-->
                        <#--}-->
                    <#--}-->
                <#--});-->
                <#--if (boolean) {-->
                    <#--this.skuList = skuList;-->
                <#--} else {-->
                    <#--this.$message({-->
                        <#--message: msg,-->
                        <#--type: 'warning'-->
                    <#--});-->
                    <#--return false;-->
                <#--}-->

            <#--},-->
            <#--//鼠标监听input框事件-->
            <#--inputFunc($event) {-->
                <#--this.NSLKeySearch = $event;-->
                <#--this.getNSLSkuList();-->
            <#--},-->
            <#--//点击事件获取输入内容-->
            <#--NSLSearch() {-->
                <#--this.getNSLSkuList();-->
            <#--},-->
            <#--importNSLSku() {-->
                <#--this.dialogNSLVisible = true;-->
                <#--this.getNSLSkuList();-->
            <#--},-->
            <#--getNSLSkuList() {-->
                <#--var skuList = [];-->
                <#--var boolean = false;-->
                <#--var msg = '';-->
                <#--var page = this.NSLPage;-->
                <#--var limit = this.NSLLimit;-->
                <#--var key = this.NSLKeySearch;-->
                <#--var NSLTotal= this.NSLTotal;-->
                <#--$.ajax({-->
                    <#--url: '${NSLUrl}/nsl/list.json?page=' + page + '&limit=' + limit + '&key=' + key,-->
                    <#--type: "GET",-->
                    <#--async: false,-->
                    <#--dataType: "json",-->
                    <#--success: function (data) {-->
                        <#--if (data.ret) {-->
                            <#--boolean = data.ret;-->
                            <#--skuList = data.data;-->
                            <#--NSLTotal = data.count;-->
                        <#--} else {-->
                            <#--msg = data.msg;-->
                        <#--}-->
                    <#--}-->
                <#--});-->
                <#--if (boolean) {-->
                    <#--this.skuList = skuList;-->
                    <#--for (var i = 0; i < this.skuList.length; i++) {-->
                        <#--this.skuList[i].sku_contract_price = this.skuList[i].sku_price;-->
                        <#--this.skuList[i].sku_official_price = this.skuList[i].sku_price;-->
                        <#--this.skuList[i].sku_cost_price = this.skuList[i].sku_price;-->
                        <#--this.skuList[i].purNum = 1;-->
                    <#--}-->
                    <#--this.NSLTotal= NSLTotal;-->
                <#--} else {-->
                    <#--this.$message({-->
                        <#--message: msg,-->
                        <#--type: 'warning'-->
                    <#--});-->
                    <#--return false;-->
                <#--}-->

            <#--},-->
            <#--NSLSizeChange(val) {-->
                <#--this.NSLLimit = val;-->
            <#--},-->
            <#--NSLPageChange(val) {-->
                <#--this.NSLPage = val;-->
            <#--},-->
            <#--handleCurrentChange(row, event, column) {-->
                <#--// console.log(row, event, column, event.currentTarget)-->
            <#--},-->
            <#--handleEdit(index, row) {-->
                <#--// console.log(index, row);-->
            <#--},-->
            <#--resetForm(formName) {-->
                <#--this.$refs[formName].resetFields();-->
            <#--},-->

            <#--<#if success == "success">-->
            <#--submitForm() {-->
                <#--var transport_price = this.transport_price;-->
                <#--var discount = this.discount;-->
                <#--var price = this.sales_order_price;-->
                <#--var orderNo = this.orderBill_id;-->
                <#--var orderBean_pk = this.orderBean_pk;-->
                <#--var userGroup_name= this.userGroup_name-->
                <#--var user_name = this.user_name;-->
                <#--var boolean = false;-->
                <#--var msg = "";-->
                <#--if (transport_price >= 0 && discount >= 0) {-->
                    <#--if (!Number.isNaN(price)) {-->
                        <#--if (price > 0) {-->
                            <#--$.ajax({-->
                                <#--url: '/order/updateOrder.json',-->
                                <#--type: 'POST',-->
                                <#--data: {-->
                                    <#--orderNo: orderNo,-->
                                    <#--price: price,-->
                                    <#--transport_price: transport_price,-->
                                    <#--discount: discount,-->
                                    <#--orderBean_pk: orderBean_pk,-->
                                    <#--userGroup_name:userGroup_name,-->
                                    <#--user_name:user_name-->
                                <#--},-->
                                <#--async: false,-->
                                <#--dataType: 'json',-->
                                <#--success: function (result) {-->
                                    <#--boolean = result.ret;-->
                                    <#--if (!boolean) {-->
                                        <#--msg = result.msg;-->
                                    <#--}-->
                                <#--}-->
                            <#--});-->
                            <#--if (boolean) {-->
                                <#--this.$message({-->
                                    <#--message: '修改成功',-->
                                    <#--type: 'success'-->
                                <#--});-->
                                <#--setTimeout(function () {-->
                                    <#--window.location.href = "/order/orderList.page";-->
                                <#--}, 1000);-->
                            <#--} else {-->
                                <#--this.$message.error(msg);-->
                            <#--}-->
                        <#--} else {-->
                            <#--this.$message.error('订单金额不能小于0');-->
                        <#--}-->
                    <#--} else {-->
                        <#--this.$message.error('请输入数字值');-->
                    <#--}-->
                <#--} else {-->
                    <#--this.$message.error('运费和优惠金额都不能小于0哦');-->
                <#--}-->
            <#--},-->
            <#--</#if>-->
            ajaxFunction() {
                this.loading=true;
                var resultData = "";
                $.ajax({
                    url: '/order/orderDetail.json',
                    type: 'POST',
                    data: {orderNo: this.orderBill_id,orderBean_pk:this.orderBean_pk},
                    // contentType: "application/json",
                    async: false,
                    dataType: 'json',
                    success: function (result) {
                        if (result.ret) {
                            resultData = result.data;//数据记录
                        }
                    }
                });
                this.orderBill_customStat = resultData.orderBill_customStat;
                this.showDetailMsg(resultData);
                this.loading=false;
            },
            showDetailMsg(resultData) {
                this.response_data = resultData;
                this.order_name = resultData.order_name;
                this.orderBill_id = resultData.orderBill_id;
                this.orderBean_pk = resultData.orderBean_pk;
                this.crtTime = resultData.crtTime;
                this.orderBill_customStat = resultData.orderBill_customStat;
                this.price = resultData.price;
                this.userGroup_name = resultData.userGroup_name;
                this.project_name = resultData.project_name;
                this.buyer = resultData.buyer;
                this.remark = resultData.remark;
                this.consignee_information = resultData.consignee_information;
                this.consignee_address = resultData.consignee_address;
                this.transport_price = resultData.transport_price;//运费
                this.discount = resultData.discount;//折扣
                this.contact = resultData.consignee_phone;
                var arr_table = resultData.context;
                // var arr_table = new Array();
                // for (var i = 0; i < orderDetailList.length; i++) {
                //
                //     var map = orderDetailList[i];
                //     var obj_table = new Object();
                //     obj_table.sku_code = map.sku_code;
                //     obj_table.sku_name = map.sku_name;
                //     obj_table.sku_brand = map.sku_brand;
                //     obj_table.sku_model = map.sku_model;
                //     obj_table.sku_unit = map.sku_unit;
                //     obj_table.sku_slug_set = map.sku_slug_set;
                //     obj_table.arriveTime = map.arriveTime;
                //     obj_table.sku_contract_price = map.sku_contract_price;
                //     obj_table.purNum = map.purNum;
                //     obj_table.supplyCycle = map.supplyCycle;
                //     obj_table.sku_remark = map.sku_remark;
                //     arr_table.push(obj_table);
                // }
                var select = JSON.parse(JSON.stringify(arr_table));
                select.forEach((ele) => {
                    ele.editable = true
                })
                this.tableData = select;
                this.user_id = resultData.user_id;
                var user_name = this.user_name;
                $.ajax({
                    url: '/user/queryUser',
                    type: 'get',
                    data: {userId: resultData.user_id},
                    // contentType: "application/json",
                    async: false,
                    dataType: 'json',
                    success: function (result) {
                        user_name = result.user_name;
                    }
                });
                this.user_name = user_name;
            }
        },
        /** 初始化参数的时候使用 */
        async mounted() {
            this.ajaxFunction();

        }
    });

</script>
<#--<script type="text/javascript" src="/base/js/salesOrderDetail.js"></script>-->


